<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Coleta Seletiva - Usuário</title>
        <link href="./css/cadastro.css" rel="stylesheet" type="text/css"/> 
    </h:head>
    <h:body>
        <h1>Novo Usuário</h1>
        <fieldset class="topCadastro">
            <div class="botao"><button name="retorna" value="retorna">Retornar</button></div>
        </fieldset>
        <fieldset class = "corpoCadastro">
            <legend>Por favor informe seus dados.</legend>
            <h:form>
                <div class ="campos tc_longo">
                    Nome do Usuário:<span class="asterisco">*</span><br/>
                    <h:inputText 
                                 value="#{usuario.nome}" 
                                 required="true" 
                                 requiredMessage="Informe o nome do usuário"
                                 id="nome"
                                 validator="#{usuario.validaUsuarioNome}"
                                 />
                    <h:message for="nome" styleClass="error"/>
                </div>
                <div class ="campos tc_medio">
                    Login de Acesso:<span class="asterisco">*</span><br/>
                    <h:inputText id="login" value="#{usuario.login}"
                                 required="true" 
                                 requiredMessage="Informe o login do usuário"
                                 validator="#{usuario.validaUsuarioLogin}"
                                 />
                    <h:message for="login" styleClass="error"/>
                </div>
                <div class ="campos tc_mlongo">
                    E-mail:<span class="asterisco">*</span><br/>
                    <h:inputText id="email" value="#{usuario.email}"
                                 required="true" 
                                 requiredMessage="Informe o E-mail do usuário"
                                 validator="#{usuario.validaUsuarioEmail}"
                                 />
                    <h:message for="email" styleClass="error"/>
                </div>
                <div class ="campos tc_medio">
                    Tipo de Usuário:<span class="asterisco">*</span><br/>
                    <h:selectOneMenu id="tipoUsuario" value="#{usuario.tipoUsuario}"
                                 required="true" 
                                 requiredMessage="Selecione um tipo de usuário">
                        <f:selectItems value="#{usuario.listaTipoUsuario}"
                                       />  
                    </h:selectOneMenu>                        
                    <br/>
                    <h:message for="tipoUsuario" styleClass="error"/>
                </div>
                
                <div class ="campos tc_medio">
                    Senha:<span class="asterisco">*</span><br/>
                    <h:inputSecret id="senhaNova" value="#{usuario.senhaNova}"
                                 required="true" 
                                 requiredMessage="Informe a senha do usuário"
                                 validator="#{usuario.validaUsuarioSenhaNova}"
                                 />
                    <h:message for="senhaNova" styleClass="error"/>
                </div>
                <div class ="campos tc_medio">
                    Confirme a Senha:<span class="asterisco">*</span><br/>
                    <h:inputSecret id="senhaConfirma" value="#{usuario.senhaConfirma}"
                                 validator="#{usuario.validaUsuarioSenhaConfirma}"
                                 />
                    <h:message for="senhaConfirma" styleClass="error"/>
                </div>
                <div class="botao">
                            <span class="asteriscoObs">Observação: Os campos marcados com asterisco são de preenchimento obrigatório.</span>
                            <h:commandButton class="botaoComando" value="Salvar Dados" 
                                             action="#{usuario.mostraUsuario}"/>
                </div>
            </h:form>
        </fieldset>
    </h:body>
</html>

